<template>
	<nt-container>
		<view class="message">
			<view class="message-title">{{ mssage.title }}</view>
			<view class="message-info">
				<text>{{mssage.create_date}}</text>
				<text>{{mssage.send_user_name}}</text>
			</view>
			<view class="message-detail">{{mssage.remarks}}</view>
		</view>
	</nt-container>
</template>

<script>
import { getMessagesInfo } from "@/api"
export default {
	data(){
		return {
			id: "",
			mssage: {}
		}
	},
	onLoad(options){
		this.id = options.id || ""
		this.getInfo()
	},
	methods: {
		getInfo(){
			getMessagesInfo(this.id).then(res => {
				if(res.code === 1){
					this.mssage = res.data;
				}
			})
		}
	}
}
</script>

<style scoped lang="scss">
.message{
	padding: 20rpx;
	box-sizing: border-box;
	background:#fff;
	&-title{
		font-weight: bold;
		font-size: 32rpx;
		color:#333;
	}
	&-info{
		display:flex;
		align-items: center;
		justify-content: space-between;
		color:#666;
		font-size: 26rpx;
		padding: 20rpx 0;
		margin-bottom: 30rpx;
		border-bottom: 1rpx solid #f5f5f5;
	}
	&-detail{
		line-height: 1.5
	}
	
}
</style>